<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>zoomimageup</title>
    	<script type="text/javascript" src="../../js/jquery/jquery.js">
        </script>
        <script type="text/javascript" src="../../js/jqueryui/jquery-ui.js">
        </script>
		<!--script type="text/javascript" src="ui.draggable.packed.js"></script-->
        <script type="text/javascript" src="../../js/ctp/public/ctp.core.js">
        </script>
		<script type="text/javascript" src="../../js/ctp/public/jsextend.js">
        </script>
        <!--script type="text/javascript" src="../../js/ctp/public/jquery.ctp.jslog.js">
        </script-->
		<script type="text/javascript" src="../../js/ctp/button/ctp.ui.button.js">
        </script>
		<script type="text/javascript" src="../../js/ctp/tooltip/ctp.ui.tooltip.js">
        </script>
		<script type="text/javascript" src="../../js/ctp/zoomimageup/ctp.ui.zoomimageup.js">
        </script>
		
		
		<!--script type="text/javascript" src="jquery.ui.draggable.js"></script-->
		<link href="../../css/button.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/tooltip.css" rel="stylesheet" type="text/css"/>
		<link href="../../css/zoomimageup.css" rel="stylesheet" type="text/css"/>
		
		<script>
			var zoomimageup1;
			$(document).ready(
			function(){
				zoomimageup1 = new ctp.ui.zoomimageup({
					id:'zoomimageup1',
					renderTo:'mydiv',
					extFilter:'jpg | bmp | doc | xls/i'
				});
			}
			
			);
			aaa = function(){
				$('#bbb').trigger('click');
			}
			bbb = function(){
				//alert(1);
			}
		</script>
		
    </head>
	<body>
		<div id="mydiv"></div>
		
		<div id='aa'></div>
		
	</body>
	</html>